<template>
    <div>

<el-row class="tac">
 
  <el-col :span="5">
    <h5>自定义颜色</h5>
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
    
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b">

       <el-menu-item index="1">
        <i class="el-icon-menu"></i>
        <router-link  slot="title"  to='/home'    tag="span">
                首页
            
        </router-link>
     
      </el-menu-item>
       <el-menu-item index="2">
        <i class="el-icon-menu"></i>
        <router-link  slot="title"  to='/goods' tag="span">
                商品
            
        </router-link>
        <!-- <span slot="title">商品</span> -->
      </el-menu-item>
   
      <el-menu-item index="3">
        <i class="el-icon-menu"></i>
        <!-- <span slot="title">分类</span> -->
         <router-link  slot="title"  to='/cate' tag="span">
                分类
            
        </router-link>
      </el-menu-item>
      <el-menu-item index="4">
        <i class="el-icon-document"></i>
        <!-- <span slot="title">订单</span> -->
         <router-link  slot="title"  to='/order' tag="span">
                订单
            
        </router-link>
      </el-menu-item>
      <el-menu-item index="5">
        <i class="el-icon-user-solid"></i>
        <!-- <span slot="title">用户</span> -->
         <router-link  slot="title"  to='/user' tag="span">
                
            用户
        </router-link>
      </el-menu-item>
    </el-menu>
  </el-col>
</el-row>

    </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    created() {

    },
    mounted() {

    },
    methods: {

    }
};
</script>

<style scoped>

</style>
